<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>${webName }·数据工厂</title>
	<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
</head>
<body>
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <%-- <%request.setAttribute("LEFT",);%> --%>
            <%@include file="../components/left.jsp"%>
        </nav>
        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom m-b-20">
		<jsp:include page="../components/head.jsp" flush="true" />
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>${webName }</h2>
                <ol class="breadcrumb">
                	<li class="nav-main1">
                		<a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                	</li>
                	<li class="nav-main2" >
                		<a id="navigation1" href="#" >投诉数据</a>
                	</li>
                	<li class="active">
                		<a>${webName }</a>
                	</li>
               	</ol>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                <div class="ibox float-e-margins" id="dataInfoLine"></div>
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="input-select" style="margin-bottom: 20px">
	                               		<div class="input-selectbox">
                                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button">
                                            <i class="fa fa-bars"></i>
                                            <span id="inputSelected">全部</span></button>
                                            <ul class="dropdown-menu" id="selectlist">
                                            	<li><a onclick="setselect(this)">全部</a></li>
                                                <li><a onclick="setselect(this)">正文</a></li>
                                                <li><a onclick="setselect(this)">问题</a></li>
                                            </ul>
	                                        <input type="text" class="form-control" style="width:440px;padding-right: 42px;">
	                                        <i id="gosearch" class="fa fa-search cursearch" onclick=""></i>
	                                    </div>
	                                </div>
                            <div class="row m-t-sm">
                                <div class="col-lg-12">
                                <div class="panel blank-panel">
                                <div class="panel-body">
                                <div class="tab-content">
                                <div class="tab-pane active" id="tab-1">
                                
                                    <div class="feed-activity-list" id="list">
                                    
                                    </div>
                                    <div class="feed-activity-list"  id="logs">
                                    	<div class="box" id="box" style="float: right;"></div>
                                    </div>
                                </div>
                                </div>
                                </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        </div>
		<jsp:include page="../components/footer.jsp" flush="true" />
        </div>
        </div>
    <!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
    <!-- FooTable -->
    <script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
    <!-- Page-Level Scripts -->
	<script src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
	<script>
	
//		折线图
    
    
        $(document).ready(function() {
        	var data=${nowArray};
            createLine("${webName}",1,data);
            $('.footable').footable();
        });
        
        $(function(){
        	article(1)
		});
        

		function article(page){
			let classify = "${classify}";
        	$.ajax({
        		url : "${pageContext.request.contextPath}/complaintdata/blackCat-data",
        		type : "post",
        		data:{
        			classify : classify,
        			page: page
        		},
        		success : function(res) {
        			$('#list').html('')
        			if (res.page_count > 500) {
        				res.page_count = 500;
					}
        			paging(res.count, res.page_count, page)
        			var list = res.news;
        			for (var i = 0; i < list.length; i++) {
        				var content = list[i]._source.content;
        				var answerHtml="";
        				if(list[i]._source.process!=""){
        					var imghtml="";
	        				var answerArray=JSON.parse(list[i]._source.process);
	        				for(var n=0;n<answerArray.length;n++){
	        					var answer=answerArray[n];
	        					var answerContent=answer.content;
	        					answerHtml=answerHtml+' <div class="search-answer"; style="margin-left:50px;">'+
	        											'<span style="margin-right: 20px;"><img style="width:30px; height:30px; border-radius:50%; " src="'+answer.uimg+'"></span>'+
								                   		'<span style="margin-right: 20px;"><a target="_blank" href="">'+answer.uname+'</a></span>'+
								                   		'<span style="margin-right: 20px;">回复时间：'+answer.date+'</span>'+
								                   		'<div style="margin:0px 0px 5px 50px;">回复内容：'+answer.content+'</div>'+
								                   		'</div> 	'
	        				
								  
	        				}
	        				if (answerArray.length == 0) {
	        					answerHtml='<div class="search-answer">暂无回复！</div>'
	    					}
        				}
        				var s="";
        				if(i==0){
        					s='<div class="feed-element" style="padding-bottom:0px;margin-bottom:5px">'
        				}else {
        					s='<div class="feed-element" style="padding-bottom:0px;margin-bottom:5px;margin-top:30px">'
        				}
        				var str = /(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*)?)/gi;
        			    var name=list[i]._source.uname.replace(str,'<img style="height:20px;margin-left:10px;" src=$1>'); 
						var html = s+
						'<div class="search-result">'+
					                           '<span style="margin-right: 10px;"><img style="width:50px; height:50px; border-radius:50%; "src="'+list[i]._source.uimg+'"></span>'+
					                           '<span style="margin-top: 30px;height:30px;">发布者：<a target="_blank" href="">'+list[i]._source.uname+'</a><div style="margin-left:60px;margin-top:-15px">发布于：'+list[i]._source.release_date+'</div></span>'+
					                           '<div style="margin:10px 0px 10px 0px;"><h3><a target="_blank" href="'+list[i]._source.detailUrl+'">'+'问题:'+list[i]._source.problem+'</a></h3></div>'+
					                   		'<p><h4>'+'内容:'+list[i]._source.detail+'<h4></p>'+
					                   		'<p>'+
					                   		'<span style="margin-right: 30px;">投诉对象:'+list[i]._source.object+'</span>'+
					                   		'<span style="margin-right: 30px;">投诉金额:'+list[i]._source.money+'</span>'+
					                   		'<span style="margin-right: 30px;">诉求类型:'+list[i]._source.appeal+'</span>'+
					                   		'</p>'+
					                   '</div>'+
					               ' </div>'
					               html+='<div style="background-color:#F0F0F0">'+answerHtml+'</div>'+
					               '<div><span style="font-size:14px">状态：'+list[i]._source.progress+'</span></div>'+
					                '<div style="font-size:12px;font-family:Arial;padding:0px 0px 15px 0px;border-bottom:1px solid #e7eaec;font-size:14px">来源：<a target="_blank" href="'+list[i]._source.sourceUrl+'">'+list[i]._source.sourceName+'</a></div>'
					     $('#list').append(html)
					}
        				
					
        			if (list.length == 0) {
        				$('#list').html('<div class="feed-element">暂无数据！</div>')
					}
        		},
        		error: function(res) {
        			$('#list').html('<div class="feed-element">暂无数据！</div>')
        		}
        	});
        }
		
        function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
					}
			});
		}
        
		function JumpToPage(pageNum) {
			article(pageNum)
		}
		
    </script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
